<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>活动详情</title>
		<link rel="stylesheet" href="../../css/media.css" />
		<link rel="stylesheet" href="../../css/iconfont.css"c>
		<link rel="stylesheet" href="../../css/normalize.css">
		<link rel="stylesheet" href="../../css/swiper.min.css">
		<link rel="stylesheet" href="../../css/common.css" />
		<style>

		</style>
	</head>
	<body class="bannernav">
		<div class="topDiv">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="../../img/literary_banner.png"/>
					</div>
					<div class="swiper-slide">
						<img src="../../img/literary_banner.png"/>
					</div>
					<div class="swiper-slide">
						<img src="../../img/literary_banner.png"/>
					</div>
				</div>
			</div>
			<p class="title">书香江北</p>
			<div class="swiper-pagination"></div>
		</div>
		<div class="middleDiv">
			<ul class="navList">
				<li>
					<span class="bg1"><i class="iconfont icon-xinxingwenhua1"></i></span>
					<p>报名</p>
				</li>
				<li>
					<span class="bg2"><i class="iconfont icon-xinxingwenhua1"></i></span>
					<p>签到</p>
				</li>
				<li>
					<span class="bg3"><i class="iconfont icon-xinxingwenhua1"></i></span>
					<p>资料下载</p>
				</li>
				<li>
					<span class="bg4"><i class="iconfont icon-xinxingwenhua1"></i></span>
					<p>实时交流</p>
				</li>
				<li>
					<span class="bg5"><i class="iconfont icon-xinxingwenhua1"></i></span>
					<p>我的电子券</p>
				</li>
				<li>
					<span class="bg1"><i class="iconfont icon-xinxingwenhua1"></i></span>
					<p>大屏互动</p>
				</li>

			</ul>
		</div>
		<script type="text/javascript" src="../../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/swiper.jquery.min.js" ></script>
		<script type="text/javascript">
			$(function(){
				var mySwiper = new Swiper('.swiper-container', {
					autoplay: 3000,//可选选项，自动滑动,
					autoplayDisableOnInteraction : false,//用户手动切换后,autoplay不停止
					pagination :'.swiper-pagination'
				})
			});
			function activitySpace(){
				location.href = './activity-space.html';
			}
			
            
            
            
		</script>
		
	</body>
</html>
